<div class="container">
    <div class="row">
        <div class="col-md-11">
            <div class="col-md-12 col-sm-12">
                <div class="portlet blue-hoki box">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-folder-o"></i>${thisProject.pro_name}
                        </div>
                    </div>
                    <div class="portlet-body">
                        <div class="row static-info">
                            <div class="col-md-5 col-xs-5 name">
                                项目ID:
                            </div>
                            <div class="col-md-7 col-xs-7 value">
                            ${thisProject.pro_id}
                            </div>
                        </div>
                        <div class="row static-info">
                            <div class="col-md-5 col-xs-5 name">
                                总预算:
                            </div>
                            <div class="col-md-7 col-xs-7 value">
                            ${thisProject.moneyMax}.00￥
                            </div>
                        </div>
                        <div class="row static-info">
                            <div class="col-md-5 col-xs-5 name">
                                开始时间:
                            </div>
                            <div class="col-md-7 col-xs-7 value">
                            ${thisProject.start_time}
                            </div>
                        </div>
                        <div class="row static-info">
                            <div class="col-md-5 col-xs-5 name">
                                计划结束时间:
                            </div>
                            <div class="col-md-7 col-xs-7 value">
                            ${thisProject.predict_end_time}
                            </div>
                        </div>
                        <div class="row static-info">
                            <div class="col-md-5 col-xs-5 name">
                                项目描述:
                            </div>
                            <div class="col-md-7 col-xs-7 value">
                            ${thisProject.pro_describe}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-sm-12">
                                <div class="dashboard-stat2">
                                    <div class="display">
                                        <div class="number">
                                            <h3 class="font-green-sharp">${thisProject.money}.00<small class="font-green-sharp">￥</small></h3>
                                            <small>剩余可用预算总额</small>
                                        </div>
                                        <div class="icon">
                                            <i class="icon-pie-chart"></i>
                                        </div>
                                    </div>
                                    <div class="progress-info">
                                        <div id="perCss" class="progress">
                                        </div>
                                        <div class="status">
                                            <div class="status-title">
                                                占总预算比
                                            </div>
                                            <div id="percent" class="status-number">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<input id="money" value="${thisProject.money}" class="hidden"/>
<input id="fundInSum" value="${thisProject.moneyMax}" class="hidden"/>
<script>
    jQuery(document).ready(function () {
        addPerCss();
    });
    function addPerCss() {
        var money = $("#money").val();
        var fundInSum = $("#fundInSum").val();
        var percent =  Math.floor(money / fundInSum * 100);
        var result = "";
        result += '<span style="width: '+percent+'%;" class="progress-bar progress-bar-success green-sharp"></span>'
        $("#perCss").append(result);
        $("#percent").append(percent+'%')
    }
</script>
